<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!--登录需要的CSS样式  -->
<link rel="stylesheet" type="text/css" href="css/styles.css">
<link href="<c:url value='/insdep/reset.min.css' />" rel="stylesheet" type="text/css">
<link href="<c:url value='/insdep/easyui_full.css'/>" rel="stylesheet" type="text/css">
<link href="<c:url value='/insdep/icon.css'/>" rel="stylesheet" type="text/css">
<script type="text/javascript" src="<c:url value='/insdep/jquery-1.11.3.min.js'/>"></script>
<script type="text/javascript" src="<c:url value='/insdep/jquery.easyui-1.5.2.min.js'/>"></script>
<title>登录</title>
<script type="text/javascript">
    function login(){
        $("#form-login").form({
            success: function(info){
                info = info.replace('<audio controls="controls" style="display: none;"></audio>', '');
                var j = $.parseJSON(info);//将字符串转换成json对象
                if(!j.success){
                    $.messager.alert('提示', j.message);
                }else{
                    location = "to_index";
                }
            }
        }).submit();
    }
    
   
</script>
</head>
<body>
<div class="htmleaf-container" >
		<div class="wrapper">
			<h2 style="text-align: center;margin-top: 190px;">OA系统登录</h2>
			<div class="container">
				<form id="form-login" class="form" action="login" method="post">
					<input name="name"  class="easyui-validatebox" placeholder="UserName" data-options="required:true,missingMessage:'亲，请输入您的登录账号哟！'"/>
					<input name="pass" type="password" class="easyui-validatebox" placeholder="PassWord" data-options="required:true,missingMessage:'亲，请输入您的密码哟！'"/>
					<a class="easyui-linkbutton oa_to_login" href="javascript:void(0)" onclick="login()"><b style="font-size: 1.3em;color: #74C9B6">Login</b></a>
				</form>
			</div>
			
			<ul class="bg-bubbles">
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
		</div>
	</div>
</body>
</html>
